<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>查询结果</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="/css/app.css" />
    <script src="/js/mui.min.js"></script>
    <script src="/js/app.js"></script>

    <style>
        /*标题样式*/
        .mui-title {
            color: #ffffff;
            width: 90%;
        }

        .mui-bar {
            background-color: #368cf3;
        }

        .mui-bar-nav {
            top: 0;
            -webkit-box-shadow: 0 0px 0px #d5d7dc;
            box-shadow: 0 0px 0px #d5d7dc;
        }

        /*返回按钮样式*/
        .mui-icon-back:before, .mui-icon-left-nav:before {
            color: #ffffff;
        }

        /*回退按钮样式*/
        a {
            color: #CCCCCC;
        }

        /*整体背景样式*/
        body {
            background-color: #efefef;
        }

        /*内容背景色*/
        .mui-content {
            background-color: #efefef;
        }

        .mui-table {
            /*background-color: #ffffff;*/
            margin-top: 2.67%;
        }

        /*
        *引入页面文字 标题  图片样式
        */
        #detailContent h4 {
            text-align: center;
        }

        #detailContent p {
            text-align: left;
            font-size: 14px;
            margin-top: 0;
            margin-bottom: 10px;
            color: #666666;
        }

        #detailContent img {
            margin-top: 0;
            margin-bottom: 10px;
            width: 100%;
        }


        /*提交按钮样式*/
        .mui-btn-primary, input[type=submit], .mui-btn-primary:enabled:active, input[type=submit]:enabled:active {
            color: #ffffff;
            border: 1px solid #368cf3;
            border-radius: 6px;
            background-color: #368cf3;
            font-size: 17px;
            width: 80%;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">查询结果</h1>
</header>
<div class="mui-content">

    <div class="mui-table " style="width: 100%; margin-bottom: 15%">
        <div id="detailContent" class="mui-row " style="margin: 2% 5.34% 2% 5.34%;font-size:14px; ">
            <div class="mui-row mui-col-xs-12">
                <div class="mui-col-xs-12">
                    <img id="image" src="/images/cardisnull.png"
                         style="width: 100%; padding: 2.6% 3.2%;border-radius:16px;display: block;  ">
                </div>
            </div>

        </div>
    </div>

    <div class="mui-button-row" style="margin: 10px 5px;">
        <button  class="mui-btn mui-btn-primary" id="sendBtn" >&nbsp;&nbsp;返回查询&nbsp;&nbsp;</button>
    </div>

</div>
<script type="text/javascript" charset="UTF-8"></script>
<script>

    /**
     * 全局变量
     */
    var roadshowImageUrl = "";

    /**
     *mui初始化
     */
    mui.init();

    /**
     *点击回退按钮
     */
    document.getElementById('back').addEventListener('click', function () {
        mui.openWindow({
            url: app.ip + 'cx/chaxun.html',
            id: 'chaxun'
        });
    });

    /**
     * 进入界面准备
     */
    mui.ready(function () {
    });

    /**
     * 点击f返回
     */
    mui('#sendBtn')[0].addEventListener('tap', function () {
        mui.openWindow({
            url: app.ip + 'cx/chaxun.html',
            id: 'chaxun'
        });
    });
</script>

</body>

</html>